body {
    overflow:hidden
}
.areaLayout {
    position:absolute;
    overflow:hidden;
    top:46px;
    background:#fff;
    border-top:1px solid #ccc;
    opacity:1
}
.previewLayout {
    position:absolute;
    overflow:hidden;
    top:46px;
    background:#fff;
    border-top:1px solid #ccc;
    opacity:1
}
.previewLayout .previewClosed {
    position:absolute;
    top:5px;
    right:10px;
    font-size:24px;
    color:#999;
    font-weight:lighter;
    cursor:pointer
}
.previewLayout .showPanel {
    margin:10px 150px 0 150px;
    border-radius:3px 3px 0 0;
    position:relative;
    background:#fff;
    border:1px solid #ccc;
    box-shadow:#bdbdbd 0 0 10px;
    padding:10px 20px 0 0;
    border-bottom:0;
    overflow-y:auto
}
.previewLayout .previewClosed:hover {
    color:#666
}
.form_layout_panel {
    height:572px
}
.form_layout_panel .topToolBar {
    height:30px;
    border-bottom:1px solid #ccc;
    color:#999
}
.form_layout_panel .leftbody {
    float:left;
    width:861px;
    height:100%;
    overflow-y:hidden
}
.form_layout_panel .showBar {
    width:100%;
    overflow-y:auto
}
.form_layout_panel .rightbody {
    position:absolute;
    right:0;
    border-left:1px solid #ccc;
    width:240px;
    height:100%;
    overflow-y:auto;
    padding:10px
}
.form_layout_panel .set_title {
    color:#9f9f9f;
    padding-bottom:5px
}
.form_layout_panel .set_title i {
    padding-right:5px;
    padding-left:2px
}
.form_layout_panel .attr_title {
    height:30px;
    line-height:30px;
    padding-left:2px
}
.form_layout_panel .attr_control .form-control {
    border-radius:4px;
    height:28px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.form_layout_panel .areaItem {
    height:50px;
    line-height:50px;
    color:#999;
    text-align:center;
    border:1px solid #ccc;
    margin:5px;
    cursor:pointer;
    background:#f5f5f5;
    font-size:16px
}
.form_layout_panel .areaItem.active {
    border:1px dashed #337ab7
}
.form_layout_panel .areaItem_remove {
    float:right;
    margin-right:20px;
    font-size:16px;
    color:#666
}
.form_layout_panel .areaItem_remove:hover {
    color:#333
}
.app_body {
    margin:0 auto;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    overflow:hidden
}
.app_body select {
    padding:4px;
    padding-left:6px
}
.app_body .ui-draggable-dragging {
    width:100px!important;
    height:30px!important;
    line-height:29px!important;
    float:left;
    border:1px solid #eeecec;
    margin-right:15px;
    margin-bottom:15px;
    border-radius:5px;
    background-color:#e6e6e6;
    cursor:move
}
.app_body .ui-draggable-dragging i {
    padding-left:10px;
    padding-right:8px;
    color:#2c3849
}
.app_body .ui-state-highlight {
    height:36px;
    line-height:36px;
    margin-bottom:2px;
    margin-top:1px;
    background:#fafae9!important;
    border:2px dotted #d5d5d5;
    text-align:center;
    color:#9f9f9f;
    float:left
}
.app_body .topToolBar {
    height:30px;
    border-left:1px solid #ccc;
    margin-left:132px;
    padding-left:15px;
    color:#999;
    border-bottom:1px solid #d5d5d5
}
.topToolBar .areaSelect {
    width:200px;
    height:30px;
    border:0;
    border-right:1px #ccc solid;
    outline:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url('../images/a2.png') no-repeat scroll right center transparent;
    padding-right:14px
}
.topToolBar .typeSelect {
    width:80px;
    height:30px;
    border:0;
    border-right:1px #ccc solid;
    outline:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url('../images/a2.png') no-repeat scroll right center transparent;
    padding-right:14px
}
select::-ms-expand {
    display:none
}
.topToolBar .btn {
    height:30px;
    box-shadow:initial;
    border:0;
    border-right:1px solid #ccc;
    border-radius:0;
    margin-top:-1px;
    color:#999
}
.topToolBar .btn:hover {
    color:#666
}
.app_body .guideareas {
    background:url(../images/tableform.png) 0 0 no-repeat #fff;
    position:absolute;
    width:100%;
    z-index:-10000;
    top:120px;
    left:140px
}
.item_table {
    position:relative;
    border-left:1px solid #ccc;
    padding:8px;
    overflow:auto;
    overflow-x:hidden
}
.item_table .item_row {
    height:40px;
    line-height:40px;
    border-top:1px solid #eeecec;
    border-bottom:1px solid #eeecec;
    overflow:hidden;
    cursor:move;
    margin-top:-1px
}
.item_table .activeerror {
    border-bottom:1px solid #b94a48
}
.item_table .active .item_field_label {
    background-color:#337ab7;
    color:#fff
}
.item_table .active .item_field_label font {
    color:#fff
}
.item_table .item_field_label {
    float:left;
    width:120px;
    padding-left:20px;
    background-color:#f5f5f5;
    vertical-align:top;
    display:block
}
.item_table .item_field_label font {
    color:red;
    position:absolute;
    padding-left:10px
}
.item_table .item_field_value {
    float:left;
    height:100%;
    padding-left:10px;
    color:#9f9f9f;
    display:block
}
.item_table .item_field_remove {
    z-index:101;
    cursor:pointer;
    position:absolute;
    margin-left:100px
}
.item_table .item_field_remove i.del {
    color:#cf5c60;
    width:20px;
    height:20px;
    font-size:14px;
    line-height:20px;
    border-radius:5px;
    text-align:center;
    display:none
}
.item_table .active .item_field_remove i {
    display:inline-block
}
.app_body .field_option {
    position:absolute;
    top:77px;
    z-index:101;
    width:240px;
    border-left:1px solid #ccc;
    background:#fff;
    overflow:hidden;
    overflow-y:auto;
    display:none;
    padding:7px 9pt
}
.app_body .field_option .field_tips {
    color:#9f9f9f;
    padding-bottom:5px
}
.app_body .field_option .field_tips i {
    padding-right:5px;
    padding-left:2px
}
.app_body .field_option .field_title {
    height:30px;
    line-height:30px;
    padding-left:2px
}
.app_body .field_option .help {
    color:#9f9f9f;
    cursor:help;
    padding-left:5px
}
.app_body .field_option .form-control {
    border-radius:4px;
    height:28px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.app_body .field_option .ui-select-text {
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.app_body .field_option ul.classify li {
    overflow:hidden;
    padding:0 4px;
    height:30px;
    line-height:30px;
    margin-bottom:2px;
    background:#f4f4f4
}
.app_body .field_option ul.classify li span {
    float:right
}
.app_body .field_option ul.classify li span em {
    float:left;
    margin:6px 10px 0 0;
    width:18px;
    height:18px;
    border-radius:5px;
    cursor:pointer
}
.app_body .field_option ul.classify li span em.color_a {
    color:#337ab7;
    border:1px solid #337ab7;
    background-color:#337ab7
}
.app_body .field_option ul.classify li span em.color_b {
    color:#42d758;
    border:1px solid #42d758;
    background-color:#42d758
}
.app_body .field_option ul.classify li span em.color_c {
    color:#f04c4c;
    border:1px solid #f04c4c;
    background-color:#f04c4c
}
.app_body .field_option ul.classify li span em.color_d {
    color:#36a2a3;
    border:1px solid #36a2a3;
    background-color:#36a2a3
}
.app_body .field_option ul.classify li span em.color_e {
    color:#85d037;
    border:1px solid #85d037;
    background-color:#85d037
}
.app_body .field_option ul.classify li span em.color_f {
    color:#dba42a;
    border:1px solid #dba42a;
    background-color:#dba42a
}
.app_body .field_option ul.classify li span em.color_g {
    color:#70b9f2;
    border:1px solid #70b9f2;
    background:#70b9f2
}
.app_body .field_option ul.classify li span em.color_h {
    color:#7490bd;
    border:1px solid #7490bd;
    background:#7490bd
}
.app_body .field_option ul.classify li span em.color_i {
    color:#959595;
    border:1px solid #959595;
    background:#959595
}
.app_body .field_option ul.classify li span i {
    margin:0 0;
    margin-right:3px;
    margin-top:-2px;
    color:#cf5c60;
    cursor:pointer
}
.app_body .field_option ul.classify li .dragitem {
    -webkit-text-stroke-width:.22px;
    top:3px;
    margin:0 0;
    color:#ccc;
    cursor:move
}
.app_body .field_option ul.classify li input[type=radio] {
    margin:-2px 5px 0 6px;
    padding:0;
    vertical-align:middle
}
.app_body .field_option ul.classify li input[type=checkbox] {
    margin:-1px 5px 0 6px;
    padding:0;
    vertical-align:middle
}
.app_body .field_option ul.classify li input[type=text] {
    background:0 0;
    border:none;
    box-shadow:none;
    padding:6px;
    line-height:15px;
    width:115px;
    outline:0
}
.app_body .field_option .addclassify {
    float:right
}
.app_body .field_option .addclassify a {
    height:22px;
    line-height:22px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border-radius:5px;
    text-decoration:none;
    cursor:pointer
}
.app_body .field_option .addclassify a:hover {
    background-color:#e6e6e6
}
.app_body .field_option .addclassify a i {
    margin-right:4px;
    color:#5cb85c
}
.app_field {
    float:left;
    width:132px;
    height:100%;
    overflow:hidden;
    padding:15px;
    padding-bottom:0
}
.app_field .item_row {
    width:100px;
    height:30px;
    line-height:28px;
    float:left;
    border:1px solid #ccc;
    margin-right:15px;
    margin-bottom:15px;
    border-radius:5px;
    cursor:pointer;
    box-shadow:2px 1px 1px 1px rgba(0,0,0,.075)
}
.app_field .item_row:hover {
    color:#333;
    background-color:#e6e6e6
}
.app_field .item_row i {
    padding-left:10px;
    padding-right:8px;
    color:#2c3849;
    opacity:.9
}
.uploadify-queue {
    height:auto;
    max-height:295px;
    margin-bottom:10px
}
.uploadify-queue-item:last-child {
    border-bottom:solid 0
}
.uploadify-queue-item .cancel a {
    margin-top:4px;
    margin-right:5px;
    background:none;
    text-indent:initial
}
.uploadify-queue-item .cancel a>i {
    color:gray;
    font-size:21px
}
.app_preview {
    border-left:none;
    padding:0
}
.app_preview .item_row {
    height:auto;
    cursor:auto;
    background-color:#f5f5f5
}
.app_preview .item_field_value {
    padding:8px 5.5px;
    background-color:#fff
}
.app_preview .rdio {
    margin-top:3px;
    margin-bottom:3px;
    line-height:22px;
    display:inline-block;
    margin-right:5px
}
.app_preview .ckbox {
    line-height:22px;
    display:inline-block;
    margin-right:5px
}
.app_preview .ckbox input[type="checkbox"]:checked+label::after {
    font-family:'FontAwesome';
    content:"";
    position:absolute;
    top:0;
    left:4px;
    display:inline-block;
    font-size:11px;
    width:10px;
    height:10px;
    color:#fff
}
